<template>
    <HeaderBar :title="$t('register.terms.title')" />
    <view class="terms-container main-container">
        <view class="content-panel" v-html="$t('register.terms.content')"></view>
    </view>
</template>

<script setup lang="ts">
import HeaderBar from '@/components/HeaderBar';
</script>

<style scoped lang="scss">
.terms-container {
    padding: 20rpx 40rpx 40rpx;
    .content-panel {
        line-height: 50rpx;
        font-size: 24rpx;
        color: #65676b;
    }
    .name {
        font-size: 28rpx;
        color: #000;
    }
}
</style>
